import React from 'react'
import { useHistory } from 'react-router-dom'
import {ListStyled} from './StyledList'


const ListUi = (props) => {
  let data = props.data
  const history = useHistory()
  /* const handleClick =()=>{
      history.push('/dklist')
  } */
  return ( 
   <ListStyled>
     <ul>
       {
           data && data.map( (v,index) => {
            return (
                  <li key={v.dkId}
                  onClick={()=> { history.push(`/dkinfo/${index}`) }}
                  >
                  <h1>{v.dkName}</h1>
                  <p>{v.dkBody}</p>
                  <div className='img'><img src={`http://8iswhp.natappfree.cc/${v.dkPhoto}`} alt=""/></div>
                  <span>{v.clazz}</span>
                  <div className='text'><span>{v.time}</span><p>进行中</p></div>
                  </li>
            )
          } )
       }

     </ul>
   </ListStyled> 
   );
}
 
export default ListUi;
{/* <li
onClick={()=> { history.push('/dkinfo') }}
>
 <h1>{data.}</h1>
 <p>家长您好，为了培养孩子课前预习的好习惯从今天起我们一起用照片或视频的方式记录孩子预习情况吧，老师会定期查看哦~</p>
 <div className='img'><img src="" alt=""/></div>
 <span>一年级一班</span>
 <div className='text'><span>一小时前</span><p>进行中</p></div>
 </li>
<li>
 <h1>坚持早睡</h1>
 <p>家长您好，充足的睡眠是保证孩子健康成长的重要条件，从今天开始，我们一起来记录孩子的睡觉时间，帮助孩子养成良好的作息习惯吧。老师会定期查看哦~</p>
 <div><img src="" alt=""/></div>
 <span>一年级一班</span>
 <div><span>一小时前</span><p>进行中</p></div>
 </li>
<li>
 <h1>每日预习</h1>
 <p>大家好，我的名字叫杨偲斌，很高兴认识大家，我来自山东济宁的一个小城--汶上，小城虽不大，但是有着悠久的的历史，孔子曾经在此担任中都宰，李白在此地久居多年，释迦牟尼佛牙舍利长埋此地。在我心中谓之圣地</p>
 <div><img src="" alt=""/></div>
 <span>一年级一班</span>
 <div><span>一小时前</span><p>进行中</p></div>
 </li> */}